<template>
  <div class="index-tab-div">
    <div class="index-tab-div2">
      <div class="index-tab-list1">
        <div class="index-tab-list-in" @click="introduction">
          <svg t="1720142377537" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="18927" width="200" height="200">
            <path
                d="M485.2 661.4c4.3 2 9.3 2 13.6 0l232-110V709c0 6.1-3.4 11.6-8.8 14.3L499.1 835.6c-4.5 2.3-9.8 2.3-14.2 0L202.7 723.4c-5.4-2.7-8.8-8.2-8.8-14.3V551.4l291.3 110z m344.3-289.8v436.1c0 16.4-13.3 29.7-29.7 29.7s-29.7-13.3-29.7-29.7V383.8l-39.4 9.2v109.4L492 615.6 193.9 502.4v-113l-77.3-24.9c-6.1-2.4-10.2-8.3-10.2-14.9s4-12.5 10.2-14.9L486.1 187c3.8-1.5 8-1.5 11.7 0l369.6 147.7c6.1 2.4 10.1 8.3 10.1 14.9s-4 12.5-10.1 14.9l-37.9 7.1z"
                fill="currentColor" p-id="18928"></path>
          </svg>
          <div class="h3-p">
            <h3>介绍</h3>
            <p>以下家教通介绍</p>
          </div>
        </div>
      </div>
      <div class="index-tab-list1">
        <div class="index-tab-list-in" @click="use">
          <svg t="1720142312686" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="17697" width="200" height="200">
            <path
                d="M0 102.4v921.6h665.6V102.4l-153.6-102.4z m384 808.96h-307.2V819.2l307.2-5.12z m0-204.8l-307.2 5.12v-92.16l307.2-20.48z m0-220.16l-307.2 20.48V414.72l307.2-35.84z m0-225.28l-307.2 40.96V204.8l307.2-61.44zM921.6 921.6V102.4l-153.6-102.4h-76.8L768 51.2v972.8h256v-102.4h-102.4z"
                fill="currentColor" p-id="17698"></path>
          </svg>
          <div class="h3-p">
            <h3>使用</h3>
            <p>怎么使用家教通？</p>
          </div>
        </div>
      </div>
      <div class="index-tab-list1">
        <div class="index-tab-list-in" @click="notice">
          <svg t="1720142241738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="16552" width="200" height="200">
            <path
                d="M512 235.52c118.57408 0 215.04 96.46592 215.04 215.04v263.86432l19.38944 20.67968 40.43776 43.136H237.1328l40.43776-43.136L296.96 714.42432V450.56c0-118.57408 96.46592-215.04 215.04-215.04m0-71.68c-158.35136 0-286.72 128.36864-286.72 286.72v235.52l-56.60672 60.38016C131.88608 785.69984 159.70816 849.92 213.49888 849.92h597.00736c53.7856 0 81.60768-64.22016 44.82048-103.45984L798.72 686.08V450.56c0-158.35136-128.36864-286.72-286.72-286.72zM583.68 890.88H440.32a35.84 35.84 0 1 0 0 71.68h143.36a35.84 35.84 0 1 0 0-71.68zM537.6 61.44H486.4a35.84 35.84 0 1 0 0 71.68h51.2a35.84 35.84 0 1 0 0-71.68z"
                fill="currentColor" p-id="16553"></path>
          </svg>
          <div class="h3-p">
            <h3>通知</h3>
            <p>通知、公告、新闻</p>
          </div>
        </div>
      </div>
      <div class="index-tab-list1">
        <div class="index-tab-list-in" @click="about">
          <svg t="1720142589151" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="21912" width="200" height="200">
            <path
                d="M524.8 748.8 320 896c-12.8 6.4 12.8 6.4 12.8 6.4l377.6 0c19.2 0 0-25.6 0-25.6-57.6-83.2-108.8-115.2-140.8-134.4C537.6 723.2 524.8 748.8 524.8 748.8z"
                p-id="21913"></path>
            <path
                d="M684.8 179.2 364.8 179.2c0 0-25.6 83.2 96 166.4 0 0 51.2 32 64 115.2l0 6.4c0 0 0 0 0 0 0 0 0 0 0 0L524.8 460.8c6.4-83.2 64-115.2 64-115.2C710.4 262.4 684.8 179.2 684.8 179.2z"
                p-id="21914"></path>
            <path
                d="M659.2 396.8c134.4-102.4 153.6-243.2 153.6-307.2l32 0c25.6 0 44.8-19.2 44.8-44.8l0 0c0-25.6-19.2-44.8-44.8-44.8L217.6 0C192 0 172.8 19.2 172.8 44.8l0 0c0 25.6 19.2 44.8 44.8 44.8l32 0c0 64 19.2 204.8 153.6 307.2C448 428.8 473.6 467.2 473.6 512c0 70.4-64 121.6-70.4 121.6-12.8 6.4-153.6 108.8-153.6 300.8L217.6 934.4c-25.6 0-44.8 19.2-44.8 44.8l0 0C172.8 1004.8 192 1024 217.6 1024l627.2 0c25.6 0 44.8-19.2 44.8-44.8l0 0c0-25.6-19.2-44.8-44.8-44.8l-32 0c0-192-147.2-294.4-153.6-300.8C652.8 627.2 588.8 576 588.8 512 588.8 467.2 608 428.8 659.2 396.8zM556.8 512c0 83.2 76.8 140.8 83.2 147.2l0 0c0 0 140.8 96 140.8 275.2l-512 0c0-179.2 140.8-275.2 140.8-275.2l0 0c6.4 0 83.2-64 83.2-147.2 0-51.2-25.6-96-83.2-134.4C294.4 281.6 275.2 147.2 275.2 89.6l505.6 0c0 57.6-19.2 185.6-140.8 281.6C588.8 416 556.8 460.8 556.8 512z"
                fill="currentColor" p-id="21915"></path>
          </svg>
          <div class="h3-p">
            <h3>关于</h3>
            <p>关于我们的其他信息</p>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<style scoped>

</style>
<script>
import AppFunctions from "@/utils/appFunction.js";

export default {
  name: "Header-Select",
  components: {},
  data() {
    return {
      AppFunctions,

    }
  },
  methods:{
    introduction() {
      this.$router.push({name: 'index'});
    },
    use() {
      this.$router.push({name: 'use'});
    },
    notice() {
      this.$router.push({name: 'notice'});
    },
    about() {
      this.$router.push({name: 'about'});
    }
  }


}
</script>